.position {
    margin-bottom: 20px;
    .b-title {
        margin: 0;
    }
    .p-nav {
        // background-color: red;
        padding: 0 10px;
        text-align: right;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    .tb-list {
        padding: 10px;
        padding-block: 10px;
        // display: flex;
        // flex-wrap: wrap;
        // justify-content: flex-start;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-gap: 10px;
        .tb-item {
            width: 100%;
            // display: flex;
            // margin-right: 30px;
            // margin-bottom: 30px;
            // width: calc(50% - 18px);
            position: relative;
            // height: 300px;
            // flex-direction: column;
            // background: #2C3137;
            border-radius: 4px;
            // border: 1px solid #2F363E;
            // background-color: #1d2125;
            border: 1px solid  var(--border);
            &:nth-child(2n) {
                margin-right: 0;
            }

            .hd-t {
                padding: 30px;
                display: flex;
                justify-content: space-between;
                padding-bottom: 0;
            }
            .hd-tip {
                display: flex;
                justify-content: space-between;
            }
            .ht-lab {
                margin-right: 10px;
            }
        }

        .dk-box {
            width: 100%;
            padding: 0 10px;
            .dk-chart {
                // background: #f0f0f0;
                height: 400px;
            }
        }
        // .db-list{
        //     display: flex;
        //     justify-content: center;
        //     gap: 60px;
        //     padding: 10px;
        //     .db-item{
        //         display: flex;
        //         justify-content: center;
        //         align-items: center;
        //         .db-cir{
        //             width: 20px;
        //             height: 20px;
        //             border-radius: 50%;
        //             border: solid 3px var(--win);
        //             margin-right: 10px;
        //         }
        //     }
        // }
    }
}
:deep(.ct-tip) {
    color: #b1b6c6;
}
:deep(.ct-num) {
    color: #fff;
}

.more-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .more-box {
        position: relative;
        margin-left: 10px;
        .i-ask {
            vertical-align: top;
            margin-top: 3px;
            width: 15px;
            height: 15px;
            object-fit: contain;
        }
    }
}

.more-t {
    text-wrap: nowrap;
    width: fit-content;
    background: #000 !important;
}
